
header {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: .55rem;
	background-color: #f9fafd;
	border-bottom: 1px solid #e0e0e0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 102;
}
header>div {
	width: .72rem;
	height: .528rem;
	background-repeat: no-repeat;
	background-size: auto .3rem;
}
header>h3 {
	width: 1.76rem;
	height: .54rem;
	line-height: .54rem;
	font-size: .14rem;
	color: #333;
	text-align: center;
}
.back {
	background-image: url(../../imgs/common/back.png);
	background-position: .072rem center;
}
.refresh {
	background-image: url(../../imgs/common/shuaxin.png);
	background-position: .348rem center;
}
.orderContent {
	width: 100%;
	background-color: #efefef;
	position: absolute;
	top: .55rem;
	bottom: 0;
	z-index: 102;
}
.listTable {
	display: flex;
	width: 100%;
	height: .5rem;
	line-height: .5rem;
	font-size: .12rem;
	color: #333;
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 3%;
}
.listTable>li {
	width: 20%;
	line-height: .48rem;
	text-align: center;
	position: relative;
}
.listTable>li.active {
	color: #ff3800;
}
.listTable>li.active:before {
	content: '';
	display: block;
	width: 80%;
	height: 0;
	border-bottom: 2px solid #ff3800;
	position: absolute;
	bottom: 0;
	left: 10%;
}
.everyOrder {
	width: 100%;
	overflow-y: auto;
	background-color: #efefef;
	position: absolute;
	top: 1.16rem;
	bottom: 0;
	z-index: 103;
}
